import React from "react"

interface ColumnHeaderProps {
	title: any
	sortable?: boolean
	onSort?: () => void
}

const ColumnHeader: React.FC<ColumnHeaderProps> = ({ title, sortable, onSort }) => {
	return (
		<div onClick={onSort} style={{ display: "inline-block" }}>
			{title}
			{sortable && <span> (sortable)</span>}
		</div>
	)
}

export default ColumnHeader
